<template>
    <el-form ref="form" :model="formData" label-width="80px" size="small" :inline="true">
        <!-- <el-button
        type="warning"
        size="mini"
        @click="$refs.parameter.show(tableData)"
        >设置STC每日涨价幅度</el-button
      > -->
    </el-form>
    <el-row>
        <el-col :span="24">
            到账地址：{{ parameter.ReceiveAddress }}<span>{{ parameter.GCPriceUpRate }}</span>
            <el-button type="warning" size="mini" @click="$refs.parameter1.show(parameter)">修改</el-button>
        </el-col>
        <el-col :span="24">
            预约参数：{{ parameter.Amount1 }} {{ parameter.Amount2 }} {{ parameter.Amount3 }} {{ parameter.Amount4 }} {{
                parameter.Amount5 }}<span>{{ parameter.GCPriceUpRate }}</span>
            <el-button type="warning" size="mini" @click="$refs.parameter2.show(parameter)">修改</el-button>
        </el-col>
    </el-row>
    <parameter-modal1 ref="parameter1" @loadData="loadData" />
    <parameter-modal2 ref="parameter2" @loadData="loadData" />
</template>

<script lang="ts" setup>
import { reactive, ref, onMounted } from 'vue'
import { setParameterAddress, getParameter } from "~/api"
const parameter = ref({})
const loadData = async () => {
    getParameter().then(res => {
        console.log(res)
        parameter.value = res.data.data.Parameter
    })
}
onMounted(() => {
    loadData();
})
</script>

<style lang="scss" scoped>
.el-row {
    padding: 20px;
}

.el-col {
    font-size: 14px;
    line-height: 38px;

    span {
        margin-right: 16px;
        font-weight: bold;
        color: #000;
        font-size: 16px;
    }

    i {
        margin-left: 10px;
        color: red;
        font-style: normal;
    }
}
</style>
